<section class="huocms-components" data-inclue-path="components/index_news">
    <div class="news center_width">
        <div class="news_center">

            {hcTaglib:category id="5" item="new" field="id,title,thumbnail,description"}
            <div class="products_title news_title">
                <h2>NEWS</h2>
                <h3>{$new['title']}</h3>
                <p>{$new['description']}</p>
            </div>
            <div class="news_leftimg">
                <img src="{$new['thumbnail']['url']}" >
            </div>
            {/hcTaglib:category}
            {hcTaglib:content cid="9,10" moduleId="2" name="article" mainFeild="id,title,description,thumbnail" limit="3" onlyData="1"}
            <div class="news_right">
                {volist name="$article" id="vo" length="1"}
                <div class="first_item">
                    <h5>{$vo['title']}</h5>
                    <span>{$vo['publish_time']|date='Y-m-d'}</span>
                    <p>
                        {$vo.description|substr=0,150}
                    </p>
                    <button class="layui-btn newsmore">+</button>
                </div>
                {/volist}
                <ul class="news_list">
                    {volist name="$article" id="vo" offset="1"}
                    <li>
                        <span class="date">{$vo['publish_time']|date='Y-m-d'}</span>
                        <div class="news_list_title">
                            <a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">

                                <h5>{$vo['title']}</h5>
                            </a>

                            <p>生活小知识+</p>
                        </div>
                        <a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">
                            <img src="__TMPL__/static/img/prev.png" class="prev" alt="">
                        </a>
                    </li>
                    {/volist}

                </ul>
            </div>
            {/hcTaglib:content}

        </div>
    </div>
    <div class="imgbox">
        <div class="imgbox_center">
            <div class="swiper2 mySwiper2">
                <div class="swiper-wrapper">
                    {hcTaglib:content cid="6" moduleId="2" mainField="id,thumbnail" limit="10"}
                    <div class="swiper-slide">
                        <img
                                src="{$vo['thumbnail']['url']}"/>
                    </div>
                    {/hcTaglib:content}
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
    </div>
</section>